.dot-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  display: flex;
  background-color: rgba(255, 255, 255, 0.3);
}
.dot-container .dot-item {
  margin: 0 5px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
}
.dot-container .dot-item.active {
  background-color: #f40;
}
